<template>
  <div class="error-page-container">
    <div class="content-container">
      <div class="head-line">
        <img src="../../assets/images/error.svg" alt="出错" />
      </div>
      <div class="subheader">
        HTTP 404- 无法找到文件-你所浏览的页面暂时无法访问
      </div>
      <div class="hr"></div>
      <div class="context">
        <p>请确认你的访问方式是否正确，并且访问为合法方式途径。</p>
      </div>
      <div class="buttons-container">
        <van-button
          type="primary"
          text="返 回 主 页"
          to="/"
          round
          class="btn404"
        ></van-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "404",
};
</script>
<style lang="less" scoped>
@import url("~@/assets/styles/error/404.less");
</style>